<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>警告信息</title>
    <link rel="stylesheet" href="bootstrap.min.css"/>
</head>
<body>
    <div class="container">
        <div class="alert alert-info fade in" id="myalert">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>doramart</strong>欢迎你的到来
        </div>
        <br/>
        <div class="alert alert-info fade in" id="myalert1">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>doramart</strong>欢迎你的到来
            <button type="button" class="btn btn-primary">详情</button>
        </div>
		
		<button onclick="openAlert()">test</button>
    </div>

    <script src="jquery-1.11.1.js"></script>
    <script src="bootstrap.min.js"></script>
    <script>
        //$("#myalert").alert("close");
      //  $("#myalert1").on("close.bs.alert",function(e){
      //      alert("hello")
      //  })
	  $("#myalert1").alert("close");
		function openAlert(){
		alert("ok");
			$("#myalert1").alert("open");
		}
    </script>
</body>
</html>